<template>
  <m-page>
    <m-header>
      <!-- 结果头部 -->
      <div class="g-result">
        <div class="g-result-img"></div>
        <div class="g-result-text">还款成功</div>
      </div>
      <!-- 信息 -->
      <div class="g-message">
        <ul>
          <li>
            <ynet-cell-item title="还款总金额" addon="2000元"></ynet-cell-item>
          </li>
          <li>
            <ynet-cell-item
              title="交易时间"
              addon="2020-02-10 07:50"
            ></ynet-cell-item>
          </li>
        </ul>
      </div>
      <!-- 按钮 -->
      <div class="g-button">
        <ynet-button type="warning">完成</ynet-button>
      </div>
      <!-- 猜你需要 -->
      <div class="g-guess">
        <p>猜你需要</p>
        <div class="g-guess-button">
          <button>
              <div class="g-guess-icon"></div>自动还款设置
              </button>
          <button><div class="g-guess-icon"></div>查看账单</button>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { CellItem, Switch, Icon, Tag, Button } from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Switch.name]: Switch,
    [Icon.name]: Icon,
    [Tag.name]: Tag,
    [Button.name]: Button,
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
